<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>
  <div id="app">js基础练习</div>
</body>

<script type="text/javascript" src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
<script type="text/javascript">

  // // 创建一个 Counter 组件
  const Counter = {
    // template: `<div>{{ count }}</div>`,
    template: `<div>593066063</div>`,
    // computed: {
    //   count() {
    //     return this.$store.state.count;
    //   },
    // },
  };

  // // 把 store 对象提供给 “store” 选项，这可以把 store 的实例注入所有的子组件
  const app = new Vue({
    el: "#app",
    components: { Counter },
    template: `
    <div>
      <Counter></Counter>
    </div>
  `,
  });

  //要对一个对象进行解构，那么代码是这样的
  function test(obj) {
    var x = obj.x;
    var y = obj.y;
    var z = obj.z;
    console.log("对象进行解构:x =" + x + ",y =" + y + ",z = " + z);
  }

  //而使用参数解构之后，代码可以简化为：
  function test1({ x, y, z }) {
    console.log("参数解构之后:x =" + x + ",y =" + y + ",z = " + z);
  }

  // 使用
  test({ x: 1, y: 2, z: 3 });

  //使用
  test1({ x: 1, y: 2, z: 3 });


</script>

</html>